<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>村姑俱乐部 - 主页</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
    <header>
        <div class="logo-container">
            <img id="club-logo" src="https://via.placeholder.com/150" alt="村姑俱乐部徽章" class="club-logo">
            <h1>村姑俱乐部</h1>
        </div>
        <nav>
            <ul>
                <li><a href="index.html" class="active">首页</a></li>
                <li><a href="admin.html">管理球员</a></li>
            </ul>
        </nav>
    </header>

    <div class="hero">
        <div class="hero-content">
            <h2>欢迎来到村姑俱乐部</h2>
            <p>我们是一支充满激情的足球队，致力于追求卓越和团队精神</p>
        </div>
    </div>

    <main>
        <section class="players-section">
            <h2>我们的球员</h2>
            <div class="player-cards" id="player-cards-container">
                <!-- 球员卡片将通过JavaScript动态生成 -->
            </div>
        </section>
    </main>

    <footer>
        <div class="footer-content">
            <div class="footer-logo">
                <img id="footer-club-logo" src="https://via.placeholder.com/100" alt="村姑俱乐部徽章" class="club-logo-small">
                <h3>村姑俱乐部</h3>
            </div>
            <div class="footer-links">
                <h4>快速链接</h4>
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="admin.html">管理球员</a></li>
                </ul>
            </div>
            <div class="footer-contact">
                <h4>联系我们</h4>
                <p><i class="fas fa-envelope"></i> contact@cungujulebu.com</p>
                <p><i class="fas fa-phone"></i> +86 123 4567 8910</p>
            </div>
        </div>
        <div class="footer-bottom">
            <p>&copy; 2025 村姑俱乐部. 保留所有权利.</p>
        </div>
    </footer>

    <script src="data.js"></script>
    <script src="script.js"></script>
</body>
</html>